<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title>LZXリファレンス lz-hscrollbar</title>
  <othercredit role="translator">
    <firstname>Hiroyuki</firstname>
    <surname>Kato</surname>
        <contrib>2006/05/15　翻訳初版</contrib>
 </othercredit>
</head>
<body>

<!-- ===================================================================== -->
<!-- = XML information goes here                                         = -->
<!-- ===================================================================== -->
<lzelement title="Hscrollbar">
    <lztier>LZ Components</lztier>
    <lzcategory>View</lzcategory>
    <lzshortdesc>
            水平スクロールバーを提供します。
    </lzshortdesc>
    <lztag>lz/hscrollbar.xml</lztag>
</lzelement>
<p>スクロールバーは親viewによって切り取られた、ターゲットとなるviewのXもしくはY座標を計算します。
ユーザがup/downの矢印ボタンを押す、スクロールトラック(このコンポーネントの、バーがない部分)を押す、
あるいはスクロールバーをドラッグすることでそのviewをスクロールさせることができるようになります。
</p>
<p>このタグは水平スクロールバーを作成します。 <attribute>scrolltarget</attribute>
を明確に指定していない場合には、自動的に最下部に配置され、幅は親要素のそれに合わせて表示されます。
親viewがスクロールの対象となるviewよりも小さく、かつ<code>clip=true</code>
と指定する必要があります。可視領域が親viewによって切り取られる間(つまり親viewが子viewよりも小さい時)、
スクロールの対象となるviewを(親viewの領域内で)動かすことによって実現されます。</p>

<p>ターゲットとなるviewをスクロールさせたいのであれば、そのX座標を負の値にすればよいだけです。例えば、
<code>x=-10</code>とすることで10ピクセルだけviewがスクロールされます。</p>

<note>作成したアプリケーション内に垂直スクロールバーがない場合、 
<tagname>hscrollbar</tagname>タグを使用すると <scrollbar axis="x">と記述した場合よりもわずかに小さくなります。 
&lt;訳者注：生成されるファイルの大きさのことだと思われますが・・・&gt;</note>

<example title="Simple scrollbar">
&lt;canvas height="100"&gt;
  &lt;view name="main" width="100" height="90" clip="true"&gt;
    &lt;view name="contents"&gt;
      &lt;text width="200"  height="70" multiline="true" &gt;
       Remember not only to say the right thing in the right place,
       but far more difficult still, to leave unsaid the wrong thing
       at the tempting moment.
        -- Benjamin Franklin
      &lt;/text&gt;
    &lt;/view&gt;
    &lt;hscrollbar/&gt;
  &lt;/view&gt;
&lt;/canvas&gt;
</example>
 
 <p>上記の例では、スクロール対象は'contents'と名づけられたviewです。
  スクロールバーはaxis属性で指定された方向に<attribute>scrolltarget</attribute>
  を動かします。このaxis属性は、<attribute>scrollattr</attribute>に設定されている
 <code>x</code>や<code>y</code>といったデフォルト値をオーバーライドするで変更できます。</p>

</body>
</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
* Copyright 2001-2004 Laszlo Systems, Inc.  All Rights Reserved.              *
* Use is subject to license terms.                                            *
* X_LZ_COPYRIGHT_END ****************************************************** -->
